<template>
    <div style="height: 60px;width: 100%;"></div>
    <div class="asheng-s-index-bottom">
        <table class="asheng-s-index-bottom-table">
            <tr>
                <td class="asheng-tcgl-td" @click="linkOrder">
                    <img class="asheng-s-index-bottom-img" src="../../assets/image/seller/index/order.png" />
                    <div class="asheng-s-index-bottom-text">订单</div>
                </td>
                <td></td>
                <td class="asheng-tcgl-td" @click="linkHome">
                    <img class="asheng-s-index-bottom-img" src="../../assets/image/seller/index/home.png" />
                    <div class="asheng-s-index-bottom-text">首页</div>
                </td>
                <td></td>
                <td class="asheng-tcgl-td" @click="linkMy">
                    <img class="asheng-s-index-bottom-img" style="width: 24px;height: 24px;margin-bottom: 2px;"
                        src="../../assets/image/seller/index/my.png" />
                    <div class="asheng-s-index-bottom-text">我的</div>
                </td>
            </tr>
        </table>
    </div>
</template>
<script>
export default {
    name: "sellerButtonMenu",
    data() {
        return {

        }
    },
    created() {

    },
    methods: {
        linkHome() {
            this.$router.push("/seller/index")
        },
        linkMy() {
            this.$router.push("/seller/my")
        },
        linkOrder() {
            this.$router.push("/seller/order")
        }
    }
}

</script>
<style scoped>
.asheng-tcgl-td {
    width: 54px;
    cursor: pointer;
}

.asheng-s-index-bottom {
    height: 60px;
    width: 100%;
    background-color: white;
    position: fixed;
    left: 50%;
    bottom: 0px;
    max-width: 500px;
    transform: translateX(-50%);
}

.asheng-s-index-bottom-table {
    width: 90%;
    margin-left: 5%;
}

.asheng-s-index-bottom-img {
    height: 27px;
    width: 27px;
    margin-top: 5px;
    cursor: pointer;
}

.asheng-s-index-bottom-text {
    color: #999999;
    font-size: 10px;
    cursor: pointer;
}
</style>